Mientras usaba apollo en la aplicación de reacción, apareció un error y no puedo resolverlo. Estoy intentando mapear una matriz en la etiqueta Query y, después de algunas condiciones, renderizar el componente.

 render() { return ( <div> <h1></h1> <div> <Query query={PRODUCTS}> {({ data, loading }) => { if (loading) return "...Loading"; const { categories } = data; console.log(categories); if (categories.some((category) => category.name === "all")) { const itemIndex = categories.findIndex( (category) => category.name === "all" ); categories[itemIndex].products.map((product) => { console.log(categories[itemIndex].products); return <Card data={product} />; }); } }} </Query> </div> </div> ); }